<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>{$eyou.field.seo_title}</title>
<meta name="description" content="{$eyou.field.seo_description}" />
<meta name="keywords" content="{$eyou.field.seo_keywords}" />
<link href="{eyou:global name='web_ico' /}" rel="shortcut icon" type="image/x-icon" />
{eyou:static file="skin/css/style.css" /}
{eyou:static file="skin/css/guestbook.css" /}
</head>
<body>
<div class="container"> {eyou:include file="header.htm" /}
  <section class="web_main page_main">
    <div class="layout">
      <aside class="aside">
        <div class="aside-wrap">
          <div class="side-widget">
            <div class="side-tit-bar">
              <h2 class="side-tit">{$eyou.field.typeid|gettoptype=###,'typename'}</h2>
            </div>
            <ul class="side-cate">
              {eyou:models type="first" currentstyle="active"}
              <li {eyou:eq name='$i' value='1'}class="nav-current"{/eyou:eq}><a href="{$field.typeurl}">{$field.typename}</a>
                <ul class="sub-menu">
                  {eyou:models name="$field.children" id="field2"}
                  <li><a href="{$field2.typeurl}">{$field2.typename}</a></li>
                  {/eyou:models}
                </ul>
              </li>
              {/eyou:models}
            </ul>
          </div>
          <div class="side-widget">
            <div class="side-tit-bar">
              <h2 class="side-tit">Featured Products</h2>
            </div>
            <div class="side-product-items">
              <div class="items_content">
                <div class="side_slider">
                  <ul class="swiper-wrapper">
                    {eyou:artlist titlelen='40' typeid='2' infolen='100'}
                    <li class="swiper-slide gm-sep side_product_item">
                      <figure> <a href="{$field.arcurl}" class="item-img"><img src="{$field.litpic}" alt="{$field.title}"/></a>
                        <figcaption>
                          <h3 class="item_title"><a href="{$field.arcurl}">{$field.title}</a></h3>
                        </figcaption>
                      </figure>
                    </li>
                    {/eyou:artlist}
                  </ul>
                </div>
                <div class="btn-prev"></div>
                <div class="btn-next"></div>
              </div>
            </div>
          </div>
        </div>
      </aside>
      <section class="main">
        <h2 class="page_title">{$eyou.field.title}</h2>
        <div class="product-intro">
          <div class="product-view" > {eyou:volist name="$eyou.field.image_list" limit='0,1'}
            <div class="product-image"> <a class="cloud-zoom" id="zoom1" data-zoom="adjustX:0, adjustY:0" href="{$field.image_url}" title="{$field.intro}"> <img src="{$field.image_url}" itemprop="image" title="{$field.intro}" alt="{$field.intro}" style="width:100%"/></a> </div>
            {/eyou:volist}
            <div  style="position:relative; width:100%;">
              <div class="image-additional">
                <ul class="swiper-wrapper">
                  {eyou:volist name="$eyou.field.image_list"}
                  <li class="swiper-slide image-item {eyou:eq name='$i' value='1'}current{/eyou:eq}"> <a class="cloud-zoom-gallery item"  href="{$field.image_url}" data-zoom="useZoom:zoom1, smallImage:{$field.image_url}" title="{$field.intro}"><img src="{$field.image_url}" title="{$field.intro}" alt="{$field.intro}"/></a> </li>
                  {/eyou:volist}
                </ul>
                <div class="swiper-pagination swiper-pagination-white"></div>
              </div>
              <div class="swiper-button-next swiper-button-white"></div>
              <div class="swiper-button-prev swiper-button-white"></div>
            </div>
          </div>
          <div class="product-summary">
            <div class="product-meta">
              <h3>Short Description:</h3>
              <p>{$eyou.field.seo_description}</p>
              <br>
              <ul>
                {eyou:attribute type='newattr' attrid='$eyou.field.attrlist_id'}
                <li><em>{$attr.name}: </em> <span class="item-val">{$attr.value}</span></li>
                {/eyou:attribute}
              </ul>
            </div>
            <div class="gm-sep product-btn-wrap"> <a href="javascript:" class="email">CONTACT NOW</a> <a href="{$eyou.field.fjxz}" class="pdf">down load to pdf</a> </div>
          </div>
        </div>
        <div class="tab-content-wrap product-detail">
          <div class="gm-sep tab-title-bar detail-tabs">
            <h2 class="tab-title title current"><span>Product Details</span></h2>
            <h2 class="tab-title title"><span>Product Tags</span></h2>
          </div>
          <div class="tab-panel-wrap">
            <div class="tab-panel disabled">
              <div class="tab-panel-content entry">
                <div class="fl-rich-text"> {$eyou.field.content} </div>
              </div>
            </div>
            <div class="tab-panel disabled entry">
              <div class="tab-panel-content"> {$eyou.field.warranty} </div>
            </div>
          </div>
        </div>
        <div class="inquiry-form-wrap">
          <div class="content-wrap form" style="min-width:280px;min-height:420px;width:100%;height:100%;background:transparent;border:none;outline:none;margin:0;padding:0;box-shadow: 0 0 10px rgb(0,0,0,.1);overflow: hidden;">
            <div class="ch_form_wrap">
              <div class="email_point"> </div>
              <h1 class="title"><em>Leave Your Message</em> </h1>
              {eyou:form type='default' formid='3' id='field'}
              <form method="POST" action="{$field.action}" {$field.formhidden} onsubmit="{$field.submit}" class="ch_form">
                <ul>
                  <li class="item item_name">
                    <input type="text" name="{$field.attr_11}" id="attr_11" placeholder="* {$field.itemname_11}" value="{$eyou.field.title}"/>
                  </li>
                  <li class="item item_name">
                    <input type="text" name="{$field.attr_8}" id="attr_8" placeholder="* {$field.itemname_8}"/>
                  </li>
                  <li class="item item_email">
                    <input type="text" name="{$field.attr_9}" id="attr_9" placeholder="* {$field.itemname_9}"/>
                  </li>
                  <li class="item item_phone">
                    <input type="text" name="{$field.attr_10}" id="attr_10" placeholder="{$field.itemname_10}"/>
                  </li>
                  <li class="item item_message">
                    <textarea name="{$field.attr_12}" id="attr_12" placeholder="* {$field.itemname_12}"></textarea>
                  </li>
                </ul>
                <div class="item item_submit">
                  <input type="submit" value="Send" name="submit" class="submit_btn gtm_submit_btn" style="margin:0" />
                </div>
                <br />
                {$field.hidden}
              </form>
              {/eyou:form} </div>
          </div>
          <div class="ad_prompt">Write your message here and send it to us</div>
        </div>
        <div class="goods-may-like">
          <h2 class="title"><em>Related</em> PRODUCTS</h2>
          <div class="layer-bd">
            <div class="swiper-slider">
              <ul class="swiper-wrapper">
                {eyou:artlist titlelen='40' infolen='100'}
                <li class="swiper-slide wow fadeInUpA product_item" data-wow-delay=".{$i}s">
                  <figure> <span class="item_img"><img src="{$field.litpic}" alt="{$field.title}"/><a href="{$field.arcurl}"></a></span>
                    <figcaption>
                      <h3 class="item_title"><a href="{$field.arcurl}">{$field.title}</a></h3>
                    </figcaption>
                  </figure>
                </li>
                {/eyou:artlist}
              </ul>
            </div>
            <div class="swiper-control"> <span class="swiper-button-prev"></span> <span class="swiper-button-next"></span> </div>
          </div>
        </div>
      </section>
    </div>
  </section>
  {eyou:include file="footer.htm" /} </div>
{eyou:include file="right.htm" /}
</body>
</html>